<#include "../../common/head.html"/>
<#include "../../common/left.html"/>

<#macro content>
<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont"></i>
        <a href="/" class="maincolor">首页</a> <span class="c-999 en">&gt;</span>
        <span class="c-666">角色管理</span> <span class="c-999 en">&gt;</span>
        <span class="c-666">角色列表</span>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="cl pd-5 bg-1 bk-gray mt-20">
                <span class="l">
                    <a href="javascript:;" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
                    <a data-url="/core/role/add" href="javascript:;" class="btn btn-primary radius openLayer"><i class="Hui-iconfont">&#xe600;</i> 添加角色</a>
                </span>
                <span class="r">共有数据：<strong>${(roleList?size)!0}</strong> 条</span>
            </div>
            <table class="table table-border table-bordered table-bg table-hover">
                <thead>
                <tr>
                    <th scope="col" colspan="8">用户列表</th>
                </tr>
                <tr class="text-c">
                    <th width="25"><input type="checkbox" name="" value=""></th>
                    <th width="25">ID</th>
                    <th>角色名</th>
                    <th>角色描述</th>
                    <th>创建时间</th>
                    <th>更新时间</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <#if roleList?? && roleList?size gt 0>
                <#list roleList as t>
                <tr class="text-c">
                    <td><input type="checkbox" value="${(t.id)!}"></td>
                    <td>${(t.id)!}</td>
                    <td>${(t.name)!}</td>
                    <td>${(t.desc)!}</td>
                    <td>${(t.ctime?string('yyyy-MM-dd HH:mm:ss'))!}</td>
                    <td>${(t.utime?string('yyyy-MM-dd HH:mm:ss'))!}</td>
                    <td>${(t.deleted?string('<span class="label radius">锁定</span>', '正常'))!}</td>
                    <td>
                        <a data-url="/core/role/edit?id=${(t.id)!}" title="编辑" data-height="320" href="javascript:;" class="ml-5 openLayer" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                        <a data-content="您确认要删除吗？" data-url="/core/role/delete?id=${(t.id)!}" data-icon="2" title="删除" href="javascript:;" class="ml-5 openDialog" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
                    </td>
                </tr>
                </#list>
            </#if>
            </tbody>
            </table>

            <#if page?? && page.data?size gt 0>
            <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">
                <#include "../../common/_paginate.html"/>
                <@paginate currentPage=page.index totalPage=page.totalPage pageParam="index"/>
            </div>
        </#if>
        </article>
    </div>
</section>
</#macro>

<#assign css>
</#assign>

<#assign js>
<script type="text/javascript">
</script>
</#assign>
<#include "../../common/layout.html"/>